<script>
export default {
  name: 'Breadcrumb',
  functional: true,
  render: (h, context) => {
    const vnodeArr = []
    context.slots().default.forEach((item, index, arr) => {
      vnodeArr.push(item)
      if (arr.length - 1 !== index) {
        vnodeArr.push(h('i', { class: 'el-icon-arrow-right' }))
      }
    })
    return h('span', {}, vnodeArr)
  }
}
/**
 * h：创建虚拟dom
 * context：获取组件内的一些数据
 * slots：在context内的一个方法，是当前组件的插槽内的虚拟dom，他是一个数组
 * 做循环处理，在最后一个插槽内容后面去掉>图标，使用循环，只要不是最后一项都加上>图标
 * 最后在使用return返回相应的虚拟dom
 *
 */
</script>

<style lang="less"></style>
